body {
				background: #F5F5F5;
			}
			
			header {
				position: fixed;
				top: 0;
				z-index: 1000;
				width: 100%;
				height: 5rem;
				background: #36D9D6;
				display: flex;
				justify-content: center;
				align-items: center;
				align-content: space-between;
			}
			
			.back {
				height: 2rem;
				width: 2rem;
				background: url(../../image/back.png)no-repeat;
				background-size: auto 1.6rem;
			}
			
			.title {
				height: 5rem;
				width: calc( 100% - 6rem);
				line-height: 5rem;
				font-size: 1.8rem;
				text-align: center;
				color: #FFFFFF;
			}
			
			.changeBtn {
				height: 2rem;
				width: 2rem;
				background: url(../../image/set.png)no-repeat;
				background-size: auto 2rem;
			}
			
			#money {
				width: 96%;
				margin-left: 2%;
				height: 16rem;
				background: #FFFFFF;
				position: relative;
				top: 6rem;
			}
			
			#moneyNum {
				width: 100%;
				height: 8rem;
				background: url(../../image/money.png)1rem center no-repeat;
				background-size: 4rem auto;
				font-size: 4rem;
				line-height: 8rem;
				text-indent: 5rem;
				color: #FFDD00;
			}
			
			#moneyText {
				width: calc(100% - 1rem);
				height: 2rem;
				line-height: 2rem;
				text-align: end;
			}
			
			#withdrawal {
				width: calc( 100% - 2rem);
				height: 4rem;
				line-height: 4rem;
				text-align: center;
				font-size: 2rem;
				background: #FFDD00;
				margin: 1rem;
				color: #FFFFFF;
			}
			
			#bill {
				width: 96%;
				margin: 2%;
				position: relative;
				top: 6rem;
			}
			
			#billTitle {
				text-indent: 1rem;
				color: #D6D6D6;
				font-weight: 600;
			}
			
			#billListArea {
				width: 100%;
				height: 100%;
				position: relative;
			}
			
			#empty {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: url(../../image/empty.png)center no-repeat;
				background-size: 5rem auto;
				display: none;
			}
			
			#billListBox {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				margin-top: 10px;
			}
			
			#billList {
				width: calc(100% + 10px);
				height: 100%;
				overflow: auto;
			}
			
			#billList>li {
				display: flex;
				width: 100%;
				height: 4rem;
				margin-bottom: 0.5rem;
				background: #FFFFFF;
			}
			
			.moneyType {
				height: 3rem;
				width: 3rem;
				line-height: 3rem;
				text-align: center;
				color: #FFFFFF;
				border-radius: 50%;
				margin: 0.5rem;
			}
			
			.moneyType_income {
				background: #E9BB39;
			}
			
			.moneyType_spending {
				background: #4E96D8;
			}
			
			.billMoney {
				width: 7rem;
				line-height: 4rem;
				font-size: 2rem;
				text-align: end;
				margin-right: 15px;
			}
			
			.billMoney_income {
				color: #759F76;
			}
			
			.billMoney_spending {
				color: #D46348;
			}
			
			.billInfo {
				flex: 1;
				margin: 0 1rem;
			}
			
			.billClass {
				height: 2rem;
				line-height: 2rem;
				font-size: 1.6rem;
			}
			
			.billTime {
				height: 2rem;
				font-size: 1.3rem;
				line-height: 2rem;
				color: #C9C5C5;
			}